<!DOCTYPE html>
<template>
  <div>
    <input class="btn" type="button" :value="text" @click="sendClick">
  </div>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    props: ['text'],
    methods: {
      sendClick(){
        this.$emit('sendClick')
      }
    }
  }
</script>

<style scoped>
  .btn {
    margin-top: 15vw;
    width: 100%;
    height: 13vw;
    text-align: center;
    font-size: 5vw;
    border-radius: 7vw;
    outline: none;
    border: none;
    background-color: #cc3300;
    color: #f1c7b9;
    font-weight: 700;
    font-size: 5vw;
  }
</style>
